body {
  font-family: "courier new", "microsoft yahei", courier, sans-serif;
  height: 100%;
}

#messageModal {
  width: 100px;
  height: 50px;
  line-height: 30px;
  padding: 10px 20px;
  position: fixed;
  top: 100px;
  left: 50%;
  background-color: #ffffff;
  color: #245269;
  border-radius: 5px;
}

#header {
  width: 100%;
  background-color: #2AABD2;
  background-image: url(../img/header_bg.png);
  background-repeat: no-repeat;
  color: #ffffff;
  height: 100px;
  line-height: 100px;
  padding-left: 40px;
  /*opacity: 0.1;*/
}

#sidebar {
  background: #245269;
  color: #ffffff;
}

#main {
  background: #CCCCCC;
  /*margin-right: -15px;*/
}

#main,
#sidebar {
  padding-bottom: 3000px !important;
  margin-bottom: -3000px !important;
  overflow-x: hidden;
}


/*#footer{
  clear: both;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: red;
  width: 100%;
}*/

#breadcrumb {
  padding: 0;
  line-height: 40px;
  background: #5a8db6;
  background: #5a8db6 url(../img/devoops_pattern_b10.png) 0 0 repeat;
  margin-bottom: 20px;
}

.breadcrumb {
  padding: 0 15px;
  background: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin: 0;
}

a {
  color: #ffffff;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

a:hover {
  color: #ff0000;
}